<template>
  <div id="app">
    <h2>App</h2>
    <Tab-Plugin>
      <!-- 
        使用组件的时候,可以传递插槽,使用v-slot指令向指定的插槽插入内容:v-slot:center
        v-slot指令只能使用在组件或者<template>上
        v-slot:center可以简写为#center
       -->
      <template #content="{ list }">
        <ul>
          <li v-for="item in list" :key="item.id">{{ item.thing }}</li>
        </ul>
      </template>
    </Tab-Plugin>
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

<style>
</style>
